@import "../reindeer/reindeer.scss";

@mixin helloVG {
  @include reindeer;

  /* Add your theme selectors here */
  div .v-container-bootstrap {
    display: block;
  }

  div .v-paragraph-bootstrap {
    display: block;
    font-size: 16px;
  }

  .v-hero-unit-bootstrap > .v-paragraph-bootstrap {
    font-size: 18px;
  }

  .v-hero-unit-bootstrap > .v-btn-bootstrap {
    font-size: 18px;
  }

  h1.v-heading-bootstrap {
    font-size: 38.5px;
    line-height: 40px !important;
  }
  h2.v-heading-bootstrap {
    font-size: 31.5px;
    line-height: 40px !important;
  }
  h3.v-heading-bootstrap {
    font-size: 24.5px;
    line-height: 40px !important;
  }
  h4.v-heading-bootstrap {
    font-size: 17.5px;
    line-height: 40px !important;
  }
  h5.v-heading-bootstrap {
    font-size: 10.5px;
    line-height: 40px !important;
  }
  h6.v-heading-bootstrap {
    font-size: 3.5px;
    line-height: 40px !important;
  }

  div .navbar-inner > .container {
    line-height: 20px;
  }

  div .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1200px;
  }

  div .span4 > .v-paragraph-bootstrap {
    font-size: 14px;
    padding-bottom: 5px;
  }

  .navbar-inner > .container {
    height: 40px;
  }

  div .v-widget {
    line-height: 20px;
  }

  div .v-navbar-link-bootstrap {
    font-size: 14px;
  }

  div .dropdown {
    font-size: 14px;
  }

  div .v-textbox-bootstrap {
    margin-left: 6px;
    margin-bottom: 2px;
  }

  div .v-password-textbox-bootstrap {
    margin-left: 6px;
  }

  .navbar-search .search-query {
    padding: 4px 14px !important;
  }

  div .v-btn-bootstrap {
    text-align: center;
  }

  .v-container-bootstrap > .v-hero-unit-bootstrap {
    display: block;
  }

  div .layout-border {
    padding: 20px 40px;
    margin: 20px;
    border: 5px dashed black;
    border-radius: 15px;
  }

  div .layout-margin {
    margin: 10px;
  }

  .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    margin-bottom: 2px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  }
  .form-control::-moz-placeholder {
    color: #777;
    opacity: 1;
  }
  .form-control:-ms-input-placeholder {
    color: #777;
  }
  .form-control::-webkit-input-placeholder {
    color: #777;
  }
  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
  }
  textarea.form-control {
    height: auto;
  }

  div .GHKBDV2CEC {
    color: forestgreen;
  }

  div .border-bottom {
    border-bottom: solid #4a4a4a;
  }

  div .border-bottom-thin > h3 {
    margin-top: 0;
    padding-bottom: 7px;
    border-bottom: solid thin #DDD;
  }

  div .border-left {
    padding-left: 15px;
    border-left: solid thin #4a4a4a;
  }

}